<template>
  <div class="pagination">
    <el-pagination background layout="prev, pager, next" :page-size="pageData.page_size" :total="pageData.total" @current-change="currentChange" />
  </div>
</template>
 
<script>
export default {
  props: {
    pageData: {
      type: Object,
      default: () => {},
    },
  },
  setup(props, { emit }) {
    function currentChange(e) {
      emit("page-chenge", e);
    }
    return {
      currentChange,
    };
  },
};
</script>
<style lang="scss">
  .pagination{
    text-align: right;
    margin: 10px 0;
  }
</style>